@charset "utf-8";
/* CSS Document */
.notice_box{ width:100%; height:60px; background:#f8f8f8; overflow:hidden;}
.notice_nr{ width:1200px; margin:0 auto;}
.notice{ height:20px; margin:20px auto; overflow:hidden; position:relative;}
.notice b{ line-height:20px; font-weight:bold !important; display:inline-block; font-size:16px; color:#fa7c0d; font-weight:normal;}
.notice b i{ font-size:30px; color:#fa7c0d; font-weight:normal; padding-right:8px; vertical-align:middle;}
.notice_li,.swap{ line-height:20px; font-size:14px; letter-spacing:1px; display:inline-block; position:absolute; top:0; left:130px;}
.notice_li span{ font-family:Arial, Helvetica, sans-serif; color:#666; padding-right:10px;}
.notice_li a:hover{ color:#009241;}
.swap{top:20px;}

.bussi_box{ width:100%; height:auto; overflow:hidden; background:#f5f5f5 url(/statics/images/jt.jpg) no-repeat center top; padding:20px 0;}
.bussi{ max-width:1200px; height:auto; overflow:hidden; margin:0 auto;}

.bussi-left{ width:60%; height:auto; float:left;}
.bussi-left-nr{ width:100%; margin-top:20px;}
.bussi-left-nr ul li{ width:16%; float:left; text-align:center; margin-right:9%;}
.bussi-left-nr ul li p{ width:100px; height:100px; border-radius:50%; border:2px solid #009241; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin:0 auto;}
.bussi-left-nr ul li p i{ font-size:56px; line-height:100px; color:#009241;}
.bussi-left-nr ul li h3{ font-size:16px; color:#666; line-height:40px; margin-top:10px;}
.bussi-left-nr ul li span{ display:block; font-size:14px; color:#666; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}

.bussi-left-nr ul li:hover p{ border:2px solid #009241; background-color:#009241;-webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s;}
.bussi-left-nr ul li:hover p i{ color:#fff;}
.bussi-left-nr ul li:hover h3{ color:#009241;}
.bussi-left-nr ul li:hover span{ color:#009241;}

.bussi-right{ width:40%; height:auto; float:right; margin-top:10px;}
.bussi-right ul li{ width:46%; height:100px; float:left; margin-left:4%; margin-bottom:4%; position:relative;}
.bussi-right ul li img{ width:100%; height:100px;}
.bussi-right ul li p{ width:100%; height:20px; position:absolute; text-align:center; top:40px;}
.bussi-right ul li p a{ font-size:18px; font-weight:bold; color:#fff;}

.imghover{ float: left; display: inline-block; overflow: hidden; width: 100%;}
.imghover.inherit{ overflow:inherit;}
.imghover img{ transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.imghover:hover img{ transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}

.news_box{ width:100%; height:auto; overflow:hidden; background-color:#ffffff; padding:20px 0;}
.news{ max-width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.news_wz_l{ width:43%; height:auto; overflow:hidden; float:left;}
.news_tit{ width: 100%; height: 40px;}
.news_tit h3 a { font-size: 18px; font-weight: bold; color: #009260;}
.news_tit h3 a span { padding-left: 8px; display: inline-block; font-weight: bold; text-transform:uppercase; color: #666666; font-family: Arial, Helvetica, sans-serif;}
.news_wz_r{ width:52%; height:auto; overflow:hidden; float:right;}
.news_wz_r_up{ width:100%; height:auto; overflow:hidden; padding:0 0 20px 0; border-bottom:1px dashed #ccc;}
.news_wz_r_up .news_tit{ width:100%; height:30px; font-size:16px; font-weight:normal;}
.news_wz_r_up .news_tit:hover a{ color:#009241;}
.news_wz_r_up .news_tit span{ display:inline-block; float:right; color:#808080;}
.news_wz_r_up .news_txt{ width:100%; height:48px; line-height:24px; overflow:hidden; font-size:14px;}
.news_wz_r_up .news_txt a{ color:#808080;}
.news_wz_r_down{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.news_wz_r_down ul li{ width:100%; height:32px; line-height:32px; overflow:hidden; font-size:14px; background:url(/statics/images/index_li.jpg) no-repeat center left;}
.news_wz_r_down ul li a{ padding-left:20px;}
.news_wz_r_down ul li span{ float:right;}
.news_wz_r_down ul li a:hover{ color:#009241;}
#tab01{width:100%;}
.xw_tit{ width:100%; height:40px;}
#tab01 .tab_menu_01{ width:100%;float:left;}
#tab01 .tab_menu_01 li{ float:left; height:38px;line-height:38px;font-size:18px; padding-right:40px;}
#tab01 .tab_menu_01 li a{ display:block; font-weight:bold;}
#tab01 .tab_menu_01 .selected{ height:38px;line-height:38px;}
#tab01 .tab_menu_01 .selected a{ color: #009260; border-bottom:2px solid #009260;}
#tab01 .tab_box_01{width:100%; height:auto; overflow:hidden;clear:both; margin-top:20px;}
#tab01 .hide{display:none;}

#owl-demo { width: 100%; margin-left: auto; margin-right: auto; margin-top:20px;}
#owl-demo .item{ display: block; position:relative;}
.item img { display: block; width: 100%;}
#owl-demo .item img{ height:380px;}
.banner-font{ position:absolute; left:0; bottom:0; width:100%; height:50px; line-height:50px; background-color: rgba(0, 0, 0, 0.5);transition: all 1.5s;}
.banner-font a{ display:block; color:#fff; font-size:14px; padding-left:20px;}

.part_box{ width:100%; height:auto; overflow:hidden; padding:20px 0;}
.part{ max-width:1200px; height:140px; overflow:hidden; margin:0 auto;}
#tab{width:100%;}
.cp_tit{ width:100%; height:40px;}

#tab .tab_menu{ width:100%;float:left;}
#tab .tab_menu li{ float:left; height:38px;line-height:38px;font-size:18px; padding-right:40px;}
#tab .tab_menu li a{ display:block; font-weight:bold;}
#tab .tab_menu .selected{ height:38px;line-height:38px;}
#tab .tab_menu .selected a{ color: #009260; border-bottom:2px solid #009260;}

#tab .tab_box{width:100%; height:auto; overflow:hidden;clear:both; margin-top:20px;}
#tab .hide{display:none;}
.gd_01{ position:relative; height:65px; width:100%; margin-top:10px;}
.gd_01 #simgs01{ width:1200px; height:65px; margin:0 auto;}
.gd_01 li{ float: left; width: 200px; height:65px; text-align:center;}
.gd_01 li img{ max-width: 200px; height:55px; padding-top:5px;}

#owl-demo01 .item1{ height:100px; text-align:center;}
#owl-demo01 .item1 img{ max-width: 200px !important; height: 55px; padding-top: 5px;}

.dj_tp{ width:100%; height:auto; margin:0px auto;}
.dj_tp ul li{ width:31.33%; margin:0 1%; height:80px; float:left;}
.dj_tp ul li img{ width:100%; margin:0 2%; height:80px;}


.neiye_banner{ width:100%; height:auto; margin:0px auto; position:relative; z-index:-1;}
.neiye_banner img{ width:100%; height:auto;}

.neiye_fl{ width:100%; height:64px; line-height:64px; border-bottom:1px solid #ccc;text-align: center;}
.neiye_fl ul{display: inline-block;}
.neiye_fl ul li{ display: inline; float:left; margin:0 20px; font-size:14px;}
.neiye_fl ul li.gaoliang a{ display:inline-block; border-bottom:3px solid #009241; color:#009241;}

.neiye_nr{ max-width:1200px; height:auto; overflow:hidden; margin:30px auto 70px auto;}
.neiye_bt{ width:100%; height:60px; line-height:60px; border-bottom:1px dashed #ccc;}
.neiye_bt h3{ font-size:20px;}
.jj_wz{ font-size:14px; line-height:28px; padding-top:30px;}
.jj_wz img{ max-width:100%; height:auto; text-align:center; margin-top:10px;}

.yw_nr{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.yw_wz{ font-size:14px; line-height:28px;}
.yw_tp{ margin-top:30px;}
.ywpic{ width:48%; height:380px; float:left; margin:0 1%;}
.ywpic img{ width:100%; height:380px;}

.lx_wz{ font-size:14px; line-height:28px; margin-top:30px;}
.lx_map{ width:100%; height:auto; margin-top:30px;}
.lx_map img{ width:100%; height:auto;}

.liuy{width: 100%; height:auto; overflow:hidden; margin-top:30px;}
.liuy .tou{line-height: 40px;font-size: 18px;color: #666;padding: 0 0 30px;}
.liuy .xmd{width: 100%; height:190px; overflow:hidden;}
.liuy .xmd li{width: 30%; height:70px; float:left; display:block; margin-right:10%; margin-bottom:30px;}
.liuy .xmd li span{display: inline-block;width: 18%;color: #666;font-size: 14px;text-align: right;}
.liuy .xmd li input{outline: none;width: 80%;height: 35px;color: #999; border:1px solid #dadada; text-indent:10px;}
.liuy .lynr{width: 100%;margin: 10px 0;height: 100px;}
.liuy .lynr span{display: inline-block;width:5.4%;color: #666;font-size: 14px;line-height: 80px;position: relative;top: -40px;text-align: right;}
.lytj{width: 100%; height:auto; overflow:hidden;}
.liuy .lynr textarea{outline: none;width: 64%; text-indent:10px; padding-top:10px;line-height: 24px;font-size: 14px;height: 78px;resize: none;color: #999; border-color: #dadada; font-family: 微软雅黑;}
.yzm{width:30%; height:35px; line-height:35px; float:left; display:block; margin-right:10%; margin:30px 0;}
.yzm input{outline: none;width: 40%;height: 35px;color: #999; border:1px solid #dadada; text-indent:10px; float:left; margin-right:20px;}
.yzm span{display: inline-block;width: 25%;color: #666;font-size: 14px;text-align: right; float:left;}
.yzm img{ float:left; padding-top:5px;}
.liuy .tij{width: 240px;line-height: 40px;text-align: center;background-color: #009241;border: none;outline: none;font-size: 14px;color: #fff;margin-left: 5%;cursor: pointer; margin-top:30px;}
#nameTip{ margin-top:10px;}
#emailTip{margin-top:10px;}
#addressTip{margin-top:10px;}
#telTip{margin-top:10px;}

.liuy .xmd01 li input { font-family: Microsoft YaHei !important;}
.liuy .tij { font-family: Microsoft YaHei !important;}

.yw_pic{ width: 100%; height:auto; overflow:hidden; margin-top:10px;}
.yw_pic ul li{ width: 23%; height:auto; margin:1% 1%; float:left; text-align:center; border:1px solid #ccc;box-sizing: border-box; -webkit-box-sizing: border-box;}
.gas_pic{ width:100%; height:220px;}
.gas_pic img{ width:100%; height:220px;}
.gas_txt{ width:100%; height:50px; line-height:50px; font-size:14px;}
.yw_pic ul li:hover{ background-color:#009241;-webkit-transition: all .9s ease 0s; -moz-transition: all .9s ease 0s; -o-transition: all .9s ease 0s; transition: all .9s ease 0s;}
.yw_pic ul li:hover .gas_txt a{ color:#fff;}

.fz_wz{ width: 100%; height:auto; overflow:hidden; margin-top:30px;}
.fz_wz ul{ width: 90%; height:auto; margin:0 auto;}
.fz_wz ul li{ width: 100%; height:auto; margin:0 auto 40px auto; float:left; border:1px solid #ccc; border-radius:10px;box-sizing: border-box; -webkit-box-sizing: border-box; position:relative;}
.fz_qq{ position:absolute; top:56px; left:-10px;}
.fz_date{ font-size:30px; font-weight:bold; color:#999999; float:left; margin-left:6%; padding-top:4%;}
.fz_wz ul li ul.fazhan{ width:75% !important; height:auto; overflow:hidden; margin:0 auto; padding-top:20px; float:right; margin-right:6%; padding-top:4%;}
.fz_wz ul li ul li{ border:none !important;}
.fz_history{ width: 100%; height:auto; overflow:hidden; float:right;}
.his_tit{ width:100%; height:30px; font-size:14px; color:#494949; font-weight:normal;}
.his_txt{ width:100%; line-height:22px; font-size:14px;}
.his_txt a{ color:#999;}
.fz_wz ul li:hover{ border:1px solid #009241;-webkit-transition: all .9s ease 0s; -moz-transition: all .9s ease 0s; -o-transition: all .9s ease 0s; transition: all .9s ease 0s;}
.fz_wz ul li:hover .fz_date{ color:#009241;}
.his_tit:hover a{ color:#009241;}

.xw_nr{ width: 100%; height:auto; overflow:hidden; margin-top:30px;}
.xw_nr ul li{ width: 100%; height:auto; overflow:hidden; margin-bottom:30px;}
.xw_left{ width:10%; height:auto; overflow:hidden; background-color:#a0a0a0; text-align:center; float:left;}
.xw_left p{ font-size:14px; color:#fff;}
.xw_left p span{ display:block; font-size:34px; color:#fff; padding-top:10px;}
.xw_left i{ display:block; font-size:20px; color:#fff; padding:5px 0 10px 0;}
.xw_right{ width:90%; height:auto; overflow:hidden; /*background-color:#f7f7f7;*/ float:right;}
.xw_title{ width:94%; margin:0 auto; padding-top:10px; height:40px; line-height:40px; overflow:hidden; font-size:14px;}
.xw_cont{ width:94%; margin:0 auto; height:48px; line-height:24px; overflow:hidden; font-size:14px;}
.xw_cont a{ color:#999;}
.xw_right span{ width:94%; margin:0 auto; display:block; height:50px; line-height:50px; font-size:12px;text-align:right;}
.xw_right span a{ color:#999;}
.xw_right span i{ padding-left:8px; vertical-align:middle; font-size:20px; color:#999;}
.xw_nr ul li:hover .xw_left{ background-color:#009241;-webkit-transition: all .9s ease 0s; -moz-transition: all .9s ease 0s; -o-transition: all .9s ease 0s; transition: all .9s ease 0s;}
.xw_nr ul li:hover .xw_title a{ color:#009241;}
.xw_nr ul li:hover .xw_right span a{ color:#fa7c0d;}
.xw_nr ul li:hover .xw_right span i{ color:#fa7c0d;}

.xw_nr01{ width: 100%; height:auto; overflow:hidden; margin-top:30px;}
.xw_nr01 ul li{ width: 100%; height:auto; overflow:hidden; padding-top:30px; padding-bottom:30px; border-bottom:1px dashed #ccc;}
.news_zb{ width:80%; float:left;}
.list_title { width:100%; font-size:14px;color: #494949; font-weight:bold;}
.list_tool{ width:100%; font-size: 12px;color: #999;padding: 10px 0px;}
.list_tool span{ float:left; padding-right:10px;}
.list_tool span i{ padding-right:8px; vertical-align:middle;color: #999;}
.list_tool span a{color: #999;}
.list_p{ width:100%; font-size: 14px; color: #999;line-height: 26px;height: 52px; overflow: hidden; margin-top:16px;}
.list_p a{color: #999;}
.news_yb{ width:18%; float:right;}
.news_yb img{ width:100%; height:130px;}

.dym{ width:100%; height:auto; overflow:hidden;}
.dym_bt{ width:100%; height:auto;border-bottom: 1px dotted #cccccc; margin-top:30px; text-align:center; padding-bottom:20px;}
.dym_bt ._title {font-size: 20px;line-height: 1.4; color: #333;font-weight: bold; padding-bottom:10px;}
.dym_bt span{ padding: 10px; font-size:14px;color: #999999;}
.dym_bt span i{ padding-right:5px; font-size:18px; vertical-align:middle; color: #999999;}
.dym_wz{ line-height:30px; font-size: 14px; margin-top:20px;}
.dym_wz,.dym_wz *{font-family:arial,'helvetica neue','microsoft yahei ui','microsoft yahei','pingfang SC','simsun',sans-serif !important;}
.dym_wz img {max-width: 100%;height: auto;display: block; padding: 10px 0; margin: 0 auto;}
.dym_fl { margin-top: 30px; border-top:1px dotted #ccc; padding-top:20px; font-size:14px;}
.dym_fl span {display: block;line-height:30px;}

.recruit_nr{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.akordeon { width: 100%px; color: #494949;}
.akordeon-item{ position: relative;}
.akordeon-item .akordeon-item-head { height: 50px; background: #fafafa; line-height: 50px; font-size: 20px;}
.akordeon-heading{ float: left; padding-left: 30px;}
.akordeon-item .akordeon-item-body { border-bottom: none; overflow: hidden;}
.akordeon-item-head-container{ width: 100%; position: absolute; cursor: pointer;}
.akordeon-item.expanded .akordeon-item-body{ border-top: solid 1px #e8e8e8;}
.akordeon-item.expanded .akordeon-heading{color: #494949;}
.akordeon-item.expanded .akordeon-item-head{ background: #fafafa !important;}
.akordeon-item-content { padding: 10px 10px 30px 10px; min-height: 120px; height: auto; line-height:30px; font-size:14px; color: #666;}
.akordeon-item-content span{ display:block; height:40px; line-height:40px; font-size:14px;}
.akordeon-border-bottom{border-bottom: solid 1px #e8e8e8;}
.akordeon-item.expanded .akordeon-item-body.akordeon-border-bottom{border-bottom: solid 1px #e8e8e8 !important;}

@media only screen and (min-width:768px) and (max-width:1200px){ 

.about{ width:96%;}
.bussi{ width:96%;}
.news{ width:96%;}
.part{ width:96%;}

.notice_nr{ width:96%;}

.grid figure { height:240px !important;}
.grid figure h2 { font-size:18px !important;}

.neiye_nr{ width:96%;}

.liuy .xmd li span {width: 19%;}
.liuy .lynr span {width: 6%;}
.yzm input { width: 38%;}
.yzm span { width: 26%;}

.gas_pic{ height:130px;}
.gas_pic img{ height:130px;}
.gas_txt{ height:40px; line-height:40px;}

}

@media only screen and (max-width: 767px){
	
.about{ width:94%;}
.about_box{ padding:30px 0;}
.about_bt{ height:70px;}
.about_bt h3{ height:35px; line-height:35px; font-size:18px;}
.about_wz{ line-height:24px;}
.about_nr{ width:100%; margin:50px auto 0 auto;}
.i2item{ color:#129a4e; float:left; width:50%; text-align:center; height:80px; margin-bottom:20px;}
.i2item span{ font-size:30px;}

.bussi{ width:94%;}
.bussi-left { width: 100%;}
.bussi-right { width: 100%;}
.bussi-left-nr ul li { width: 50%; margin-right:0; margin-top:20px;}

.news_box{ padding:30px 0;}
.news{ width:94%;}
.news_wz_l{ width:100%; float:none; margin-top:0;}
.news_wz_r{ width:100%; float:none;}
.news_wz_r_up .news_tit { font-size: 14px;}
.news_wz_r_down ul li a { padding-left: 18px; width: 60%; display: inline-block;}

.part_box{ padding:30px 0;}
.part{ width:94%;height:auto; overflow:hidden;}	
.dj_tp{ width:90%; height:auto; margin:30px auto 0 auto;}
.dj_tp ul li img{ width:100%; margin:0 2%; height:auto;}
.dj_tp ul li { height:auto;}

.neiye_nr{ width:94%;}
.neiye_fl{ height:54px; line-height:54px;}
.neiye_fl ul li{ margin:0 8px;}
.neiye_bt{ height:50px; line-height:50px; border-bottom:1px dashed #ccc;}
.neiye_bt h3{ font-size:16px;}

.ywpic{ width:100%; height:260px; float:none; margin:4% 0;}
.ywpic img{ width:100%; height:260px;}

.liuy .xmd li{width: 100%; height:35px; line-height:35px; float:left;  margin-right:0; margin-bottom:30px;}
.liuy .xmd li span{width: 20%;}
.liuy .xmd li input{width: 70%;}
.liuy .lynr span{width:20%;}
.liuy .lynr textarea{ width: 70%;}
.yzm{width:80%;}

.yw_pic ul li{ width: 46%; margin:2%; }
.gas_pic{ height:137px;}
.gas_pic img{ height:137px;}
.gas_txt{ height:40px; line-height:40px; }

.xw_left{ display:none;}
.xw_right{ width:100%; height:auto; overflow:hidden; float:none;}
.xw_title{ width:90%; height:30px; line-height:30px; overflow:hidden;}
.xw_cont{ width:90%; height:40px; line-height:20px; overflow:hidden; font-size:12px;}
.xw_right span{ width:90%; height:40px; line-height:40px; font-size:12px;}

.news_zb{ width:60%;}
.list_p{ line-height: 22px;height: 44px;}
.news_yb{ width:38%;}

.fz_wz ul li{ width: 100%; height:auto; margin:0 auto 40px auto; float:left; border:1px solid #ccc; border-radius:10px;box-sizing: border-box; -webkit-box-sizing: border-box; position:relative;}
.fz_qq{ position:absolute; top:56px; left:-10px;}
.fz_date{ width: 100%; font-size:20px; float:none; text-align:center; padding-top:4%;margin-left: 0%; }
.fz_wz ul li ul.fazhan{ width:86% !important; height:auto; overflow:hidden; margin:0 auto; padding-top:20px; float:none; margin-right:5%; padding-top:4%;}
.fz_history{ float:none;}
.his_tit{ width:100%; height:44px; line-height:22px;}
.his_txt{ font-size:12px; text-align:justify;}

.notice_box{ height:50px;}
.notice_nr{ width:100%;}
.notice{ margin:15px auto;}
.notice b{ font-size:14px;}
.notice b i{ display:none;}
.notice_li,.swap{ line-height:20px; height:20px; overflow:hidden; font-size:12px; letter-spacing:0; left:70px;}

#owl-demo { margin-top: 10px;}
	
}

.imghover{ float: left; display: inline-block; overflow: hidden; width: 100%;}
.imghover.inherit{ overflow:inherit;}
.imghover img{ transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.imghover:hover img{ transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}

figure.effect-layla { background: #129a4e;}
figure.effect-layla img { height:120%;}
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}
figure.effect-layla figcaption::before {
	top: 30px;
	right: 20px;
	bottom: 30px;
	left: 20px;
	border-top: 1px solid #82c8a1;
	border-bottom: 1px solid #82c8a1;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
figure.effect-layla figcaption::after {
	top: 20px;
	right: 30px;
	bottom: 20px;
	left: 30px;
	border-right: 1px solid #82c8a1;
	border-left: 1px solid #82c8a1;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}
figure.effect-layla h2 {
	padding-top: 60%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
figure.effect-layla p {
	padding: 0.5em 2em;
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}
figure.effect-layla img,
figure.effect-layla h2 {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}
figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
figure.effect-layla:hover img {
	opacity: 0.2;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure.effect-layla:hover h2,
figure.effect-layla:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
.grid {position: relative;max-width: 1200px;text-align: center;}
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0 1%;
	height: 400px;
	width: 23%;
	background: #129a4e;
	text-align: center;
	cursor: pointer;
}
.grid figure img {
	position: relative;
	display: block;
	min-height:100%;
	max-width: 100%;
	opacity: 1;
}
.grid figure figcaption {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height:100%;
}
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
.grid figure h2 { font-size:20px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); letter-spacing:1px;
	font-weight: 500;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}
.grid figure p {
	letter-spacing: 1px;
	font-size: 13px; font-family:Arial, Helvetica, sans-serif;
}


/***分页****/
.n-page{ text-align:center; clear:both; margin:20px;}
.n-page a{ padding:5px 10px; margin:0px 3px;  border:#e0e0e0 1px solid; background-color:#f5f5f5; color:#474747;}
.n-page span{ padding:5px 10px; margin:0px 3px;  color:#FFF; background-color:#009241; border:#009241 1px solid;}
.n-page a:hover{ color:#FFF; background-color:#009241; border:#009241 1px solid;}
/******************* ********************/